.layout-basic-demo .arco-layout-header,
.layout-basic-demo .arco-layout-sider,
.layout-basic-demo .arco-layout-sider-children,
.layout-basic-demo .arco-layout-content {
  text-align: center;
  font-stretch: condensed;
  font-size: 16px;
  display: flex;
  flex-direction: column;
}

.layout-basic-demo .arco-layout-header {
  height: 60px;
  background-color: #fff;
}

.layout-basic-demo .arco-layout-sider {
  width: 206px;
  background-color: var(--color-primary-light-3);
  background-color: #001529;
}

.layout-basic-demo .arco-layout-content {
  background-color: #F0F2F5;
}

.home_wrap .main_wrap {
  box-sizing: border-box;
  padding: 15px;
  height: 100%;

}

.home_nav,
.home_nav .arco-menu {
  height: 100%;
}

.home_nav .arco-menu .arco-menu-selected {
  background-color: #1890FF;

}

.arco-menu-dark .arco-menu-inline-header .arco-menu-selected {
  color: #fff;
}

.arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon {
  color: #fff !important;
}

.arco-menu-dark .arco-menu-item.arco-menu-selected {
  background-color: #1890FF !important;
}

.home_wrap .layout-basic-demo .arco-layout .logo {
  height: 70px;
  line-height: 40px;
  color: #fff;
}

.home_nav .menu-demo {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  background-color: var(--color-neutral-2);
}

.home_nav .menu-demo .arco-menu-inner {
  overflow-y: auto;
}

.home_wrap .layout-basic-demo .arco-layout-header .header_wrap {
  display: flex;
}

.home_wrap .layout-basic-demo .arco-layout-header .header_left,
.home_wrap .layout-basic-demo .arco-layout-header .header_right {
  text-align: left;
  box-sizing: border-box;
  padding: 15px 30px;
  height: 60px;
}

.home_wrap .layout-basic-demo .arco-layout-header .header_left {
  flex: 3
}

.home_wrap .layout-basic-demo .arco-layout-header .arco-icon {
  width: 30px;
  height: 30px;
}

.home_wrap .layout-basic-demo .arco-layout-header .header_right {
  flex: 7;
  width: 200px;
  text-align: right;
}

.home_wrap .arco-menu-item,
.home_wrap .arco-menu-inline {
  box-sizing: border-box;
  /* padding-left: 20px; */
  text-align: left;
}


.home_wrap .header_right .arco-icon-notification {
  margin: 0px 10px;
  width: 25px !important;
}

.home_wrap .header_right .arco-input-group-wrapper {
  box-sizing: border-box;
  height: 30px;
}

.home_wrap .header_right .arco-icon-search {
  width: 20px !important;
  margin-top: 5px;
}

/* .home_wrap .header_right {
  display: flex;
} */

/* .home_wrap .header_right>div {
  flex: 1;
} */
.home_wrap .header_right .arco-avatar {
  vertical-align: top;
}

.home_wrap .header_right .arco-avatar-circle {
  width: 30px;
  height: 30px;
  margin-left: 20px;
  margin-right: 10px;
}

.home_wrap .header_right>p {
  padding-top: 8px;
  float: right;
  font-size: small;
  height: 40px;
  margin: auto 0px;
}

.home_wrap .breadcrumb {
  box-sizing: border-box;
  padding: 0px 30px;
  height: 60px;
  line-height: 60px;
  text-align: left;
  background-color: #fff;
  border-top: 1px solid #eee;
}